$(function () {
    function formRend() {
        // 上传图片
        function picRend() {
            $('#inputCover').change(function () {
                const file = this.files[0]
                const src = URL.createObjectURL(file)
                // console.log(file);
                $('#coverimg').prop('src', src)
            })
        }
        // 上传图片
        picRend()
        // 文章类别
        function articleSort() {
            // category
            $.get("/admin/category/list", function (res) {
                // console.log(res);
                let list = res.data
                let html = `<option value=''>所有分类</option>`
                list.forEach(function (item) {
                    html += `<option value='${item.id}'>${item.name}</option>`
                })
                $('#category').html(html)
            })

        }
        // 文章类别
        articleSort()

        // 发布日期
        function timeDate() {
            // articleDate
            //执行一个laydate实例
            layui.laydate.render({
                elem: '#articleDate' //指定元素
            });
        }
        // 发布日期
        timeDate()

        // 富文本
        function richText() {
            // articleContent
            tinymce.init({
                selector: '#articleContent',
                language: 'zh_CN',
            });
        }
        // 富文本W
        richText()
    }
    formRend()

    // 发布按钮
    $('.btn-edit').click(function () {
        let formdata = new FormData($("#form")[0])
        formdata.append('content', tinyMCE.editors["articleContent"].getContent())
        formdata.append('state', '已发布')
        formdata.forEach(function (val, key) {
            console.log(val, key);
        })
        // 发送请求
        $.ajax({
            url: '/admin/article/publish',
            type: 'post',
            data: formdata,
            contentType: false,
            processData: false,
            success(res) {
                console.log(res);
            }
        })
    })
})